<template>
    <div class="box">
       <div>
        <van-button type="primary" @click="$router.push('/login') " style="float: right;">登录</van-button>
       </div>
        <div class="top">
           
            <van-search v-model="value" show-action label="小米" placeholder="搜索商品名称" @search="onSearch"
            @click="$router.push('/search')">

                <template #action>

                    <div @click="onClickButton">
                        <van-icon name="https://fastly.jsdelivr.net/npm/@vant/assets/icon-demo.png" />
                        
                    </div>
                </template>
            </van-search>
        </div>
        <div class="center">
            <van-swipe class="my-swipe" :autoplay="1000" indicator-color="white" style="width: 100%;height: 500px;">
                <van-swipe-item>
                    <img src="@/assets/5.jpg" alt="" style="width: 100%;height: 500px;">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="@/assets/6.jpg" alt="" style="width: 100%;height: 500px;">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="@/assets/10.jpg" alt="" style="width: 100%;height: 500px;">
                </van-swipe-item>
                <van-swipe-item>
                    <img src="@/assets/【哲风壁纸】2024-10-22 20_35_00.png" alt="" style="width: 100%;height: 500px;">
                </van-swipe-item>
            </van-swipe>
            <van-grid :column-num="5">
                <van-grid-item v-for="value in 10" :key="value" icon="photo-o" text="文字" />


            </van-grid>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        </div>
        <div class="footer"></div>
    </div>

</template>
<script>


</script>
<style>
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
}
</style>